<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<div class="fixed-table-toolbar">
						<div class="columns pull-right" role="group">
							<button class="btn btn-success" onclick="reLoad()">
								<i class="fa fa-search" aria-hidden="true"></i>查询
							</button>
<!--							<button class="btn btn-danger" shiro:hasPermission="statistics:commander:export" onclick="exportStatistics()">-->
<!--								<i class="fa fa-mail-reply-all" aria-hidden="true"></i>导出-->
<!--							</button>-->
						</div>
                        <div class="pull-right search col-md-2 nopadding">
                            <input id="queryItem" type="text" class="form-control" placeholder="输入查询的门店或门店名称">
                        </div>
                        <input type="hidden" name="teamId" th:value="${teamId}" th:if="${flag} == '1'">
                        <div class="columns pull-right col-md-2 nopadding" >
                            <select data-placeholder="门店" class="form-control chosen-select"
                                    id="teamId" name="teamId" tabindex="2">
                                <option value="">选择门店</option>
                                <option th:each="item: ${teamList}" th:text="${item.tXiaoqu}"
                                        th:value="${item.id}"></option>
                            </select>
                        </div>

                        <div class="pull-right search col-md-3 nopadding" data-toggle="distpicker" id="dist_target">
                            <div class="col-sm-6" style="padding-right: 0px">
                                <select class="form-control chosen-select" id="province" name="province" data-province="----选择省----"></select>
                            </div>
                            <div class="col-sm-6" style="padding-left: 0px">
                                <select class="form-control chosen-select"  id="city" name="city"  data-city="----选择市----"></select>
                            </div>
                        </div>
                        <div class="columns pull-right col-md-1 nopadding">
                            <input type="text" class=" form-control"
                                   id="endDate" name="endDate" placeholder="付款结束日期"
                                   onclick="laydate({istime: true, format: 'YYYY-MM-DD'})"
                                   style="background-color: #fff;" readonly="readonly"/>
                        </div>

                        <div class="columns pull-right">
                            <label style="font-weight: 700;float: left;padding: 3px 10px;line-height: 2;font-size: 15px">
                                <i class="fa fa-exchange"></i>
                            </label>
                        </div>
                        <div class="columns pull-right col-md-1 nopadding">
                            <input type="text" class=" form-control"
                                   id="startDate" name="startDate" placeholder="付款开始日期"
                                   onclick="laydate({istime: true, format: 'YYYY-MM-DD'})"
                                   style="background-color: #fff;" readonly="readonly"/>
                        </div>
					</div>
                    <div class="fixed-table-toolbar">
                        <h3>总销量: <span id="total"></span>, 总金额: <span id="price"></span></h3>
                    </div>
					<table id="commanderCommodityTable" data-mobile-responsive="true"></table>
					
				</div>
			</div>
		</div>
		
	</div>
	<div th:include="statistics/commander/include :: footer"></div>
    <script src="/js/plugins/distpicker/distpicker.data.min.js" ></script>
    <script src="/js/plugins/distpicker/distpicker.min.js" ></script>
	<script type="text/javascript" src="/js/appjs/statistics/sale/storeCommoditySalesInfo.js"></script>
</body>
</html>